// 全局变量
$map-sider-bar-width: 380px;
$base-font-size-small: 12px;
$base-font-size-default: 14px;
$base-font-size-big: 16px;
$base-font-size-bigger: 18px;
$base-font-size-max: 22px;

// base color
$themeColoe: #007aff;
$themeWhiteColoe: #f6fafc;
$base-color-green: #13ce66;
$base-color-white: #ffffff;
$base-color-black: #000000;
$base-color-yellow: #ffba00;
$base-color-red: #ff4d4f;
$base-color-gray: #97a8be;
$base-border-color: #ebeef5;
$base-font-color: #606266;
$base-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
$base-black-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, transparent);
$base-theme-gradient: linear-gradient(270deg, rgba(65, 139, 194, 0), rgba(65, 139, 194, .5));
$base-blue-gradient: linear-gradient(to right, rgba(50, 97, 168, 1), rgba(21, 31, 46, 0));
$base-blue2-gradient: linear-gradient(180deg, rgba(135, 143, 166,0) , rgba(117, 123, 151, 0.78));

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  themeColoe: $themeColoe;
}